module.exports = {
  plugins: {
    autoprefixer: {
      /* PostCSS plugin to parse CSS and add vendor prefixes to CSS rules */
      /* 配置文档链接：https://github.com/postcss/autoprefixer#options */
      overrideBrowserslist: [
        'last 2 versions', // 最后两个版本
      ]
    },
    'postcss-px-to-viewport': {
      /* 将px单位转换为视口单位的 (vw, vh, vmin, vmax) */
      /* 配置文档链接：https://github.com/evrone/postcss-px-to-viewport/blob/master/README_CN.md#%E9%85%8D%E7%BD%AE%E5%8F%82%E6%95%B0 */
      
      // vant 按照 375px 设计稿计算，适配 vant 成 750px
      exclude: [/node_modules/], // 解决vant375,设计稿750问题。忽略某些文件夹下的文件或特定文件
      unitToConvert: 'px', // 要转化的单位
      viewportWidth: 750, // eg: 750 UI设计稿的宽度
      unitPrecision: 3, // 转换后的精度，即小数点位数
      propList: ['*'], // eg:['width, height'] 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
      viewportUnit: 'vw', // 指定需要转换成的视窗单位，默认vw
      fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位，默认vw
      selectorBlackList: ['no2vw'], // 指定不转换为视窗单位的类名，
      minPixelValue: 2, // 默认值1，小于或等于2px则不进行转换
      mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
      replace: true, // 是否转换后直接更换属性值
      landscape: true, // 是否处理横屏情况
      landscapeUnit: 'vw', // (String) 横屏时使用的单位
      landscapeWidth: 667 // (Number) 横屏时使用的视口宽度
    },

    /** config: px to rem */
    // 'postcss-pxtorem': {
    //   // rootValue: 75,
    //   rootValue({ file }) {
    //     return file.indexOf('vant') !== -1 ? 37.5 : 75;
    //   },
    //   unitPrecision: 3,
    //   propList: ['font', 'font-size', 'line-height', 'letter-spacing'],
    //   selectorBlackList: [],
    //   replace: true,
    //   mediaQuery: true,
    //   minPixelValue: 4,
    //   exclude: /node_modules/i,
    // },

    // 'postcss-viewport-units': {
    //   /* vw兼容方案 */
    //   /* 配置文档链接：https://github.com/springuper/postcss-viewport-units#options */
    // },
    // 'postcss-write-svg': {
    //   /* 在retina屏绘制1px细线 */
    //   /* 配置文档链接：https://github.com/jonathantneal/postcss-write-svg#options */
    // },
  }
}